document.writeln("<!DOCTYPE html>");
document.writeln("<html lang=\'en\'>");
document.writeln("");
document.writeln("<head>");
document.writeln("    <meta charset=\'UTF-8\'>");
document.writeln("    <meta http-equiv=\'X-UA-Compatible\' content=\'IE=edge\'>");
document.writeln("    <meta name=\'viewport\' content=\'width=device-width, initial-scale=1.0\'>");
document.writeln("    <title>Document</title>");
document.writeln("    <style>");
document.writeln("        * {");
document.writeln("            margin: 0;");
document.writeln("            padding: 0;");
document.writeln("        }");
document.writeln("");
document.writeln("        /*浮动布局*/");
document.writeln("        .flex {");
document.writeln("            display: flex;");
document.writeln("        }");
document.writeln("");
document.writeln("        /*换行*/");
document.writeln("        .warp {");
document.writeln("            flex-wrap: wrap;");
document.writeln("        }");
document.writeln("");
document.writeln("        /*每个模块均匀分布*/");
document.writeln("        .space {");
document.writeln("            justify-content: space-around;");
document.writeln("        }");
document.writeln("");
document.writeln("        /*左右两端分开布局*/");
document.writeln("        .between {");
document.writeln("            justify-content: space-between;");
document.writeln("        }");
document.writeln("");
document.writeln("        /*居中*/");
document.writeln("        .center {");
document.writeln("            justify-content: center;");
document.writeln("        }");
document.writeln("");
document.writeln("        /*绝对定位*/");
document.writeln("        .absoulet {");
document.writeln("            position: absolute;");
document.writeln("        }");
document.writeln("");
document.writeln("        /*相对定位*/");
document.writeln("        .relative {");
document.writeln("            position: relative;");
document.writeln("        }");
document.writeln("");
document.writeln("        /*固定定位*/");
document.writeln("        .flexd {");
document.writeln("            position: fixed;");
document.writeln("        }");
document.writeln("");
document.writeln("");
document.writeln("        /*收缩框体*/");
document.writeln("        .padding-body {");
document.writeln("            margin: 0;");
document.writeln("            top: 0;");
document.writeln("            left: 0;");
document.writeln("            /* top: 10px; */");
document.writeln("            width: 100%;");
document.writeln("        }");
document.writeln("");
document.writeln("        /*导航*/");
document.writeln("        header {");
document.writeln("            background-color: #2dbb55;");
document.writeln("            color: white;");
document.writeln("            margin: 0 auto;");
document.writeln("            vertical-align: middle;");
document.writeln("            min-width: 1400px;");
document.writeln("        }");
document.writeln("");
document.writeln("        header a {");
document.writeln("            margin-right: 10px;");
document.writeln("        }");
document.writeln("");
document.writeln("");
document.writeln("        /*先找到header，再找到logo*/");
document.writeln("        header a .logo {");
document.writeln("            width: 140px;");
document.writeln("            height: 40px;");
document.writeln("            line-height: 40px;");
document.writeln("            text-align: center;");
document.writeln("            margin-top: 4px;");
document.writeln("        }");
document.writeln("");
document.writeln("");
document.writeln("        /*导航字体*/");
document.writeln("        .header_font {");
document.writeln("            font-size: 16px;");
document.writeln("            font-family: initial;");
document.writeln("        }");
document.writeln("");
document.writeln("        /*后代选择器*/");
document.writeln("        #navitems ul {");
document.writeln("            /* 去除小黑点 */");
document.writeln("            list-style: none;");
document.writeln("            display: flex;");
document.writeln("        }");
document.writeln("");
document.writeln("        #navitems ul li {");
document.writeln("            width: 80px;");
document.writeln("            height: 50px;");
document.writeln("            line-height: 50px;");
document.writeln("            /*垂直居中*/");
document.writeln("            text-align: center;");
document.writeln("            /*水平居中*/");
document.writeln("        }");
document.writeln("");
document.writeln("        #navitems ul li a {");
document.writeln("            display: block;");
document.writeln("            /*区块化*/");
document.writeln("            color: white;");
document.writeln("            text-decoration: none;");
document.writeln("        }");
document.writeln("");
document.writeln("        #navitems ul li:nth-child(5):after {");
document.writeln("            display: block;");
document.writeln("            width: 16px;");
document.writeln("            height: 16px;");
document.writeln("            content: \'hot\';");
document.writeln("            color: white;");
document.writeln("            background-color: red;");
document.writeln("            position: relative;");
document.writeln("            left: 46px;");
document.writeln("            top: -46px;");
document.writeln("            font-size: 10px;");
document.writeln("            line-height: 16px;");
document.writeln("            text-align: center;");
document.writeln("            border-radius: 5px;");
document.writeln("        }");
document.writeln("");
document.writeln("        #navitems ul li:nth-last-child(4):after {");
document.writeln("            display: block;");
document.writeln("            width: 16px;");
document.writeln("            height: 16px;");
document.writeln("            content: \'hot\';");
document.writeln("            color: white;");
document.writeln("            background-color: red;");
document.writeln("            position: relative;");
document.writeln("            left: 46px;");
document.writeln("            top: -46px;");
document.writeln("            font-size: 10px;");
document.writeln("            line-height: 16px;");
document.writeln("            text-align: center;");
document.writeln("            border-radius: 5px;");
document.writeln("        }");
document.writeln("");
document.writeln("        #navitems ul li:nth-last-child(2):after {");
document.writeln("            display: block;");
document.writeln("            width: 16px;");
document.writeln("            height: 16px;");
document.writeln("            content: \'hot\';");
document.writeln("            color: white;");
document.writeln("            background-color: red;");
document.writeln("            position: relative;");
document.writeln("            left: 60px;");
document.writeln("            top: -46px;");
document.writeln("            font-size: 10px;");
document.writeln("            line-height: 16px;");
document.writeln("            text-align: center;");
document.writeln("            border-radius: 5px;");
document.writeln("        }");
document.writeln("");
document.writeln("        #navitems ul li a:hover {");
document.writeln("            font-weight: bold;");
document.writeln("            background-color: rgb(80, 251, 137);");
document.writeln("            color: white;");
document.writeln("            box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .05);");
document.writeln("        }");
document.writeln("");
document.writeln("        /*第一个子元素*/");
document.writeln("        #navitems ul li:first-child {");
document.writeln("            /* background-color: aquamarine; */");
document.writeln("        }");
document.writeln("");
document.writeln("        /*最后一个子元素*/");
document.writeln("        #navitems ul li:last-child {");
document.writeln("            /* background-color: rgb(71, 223, 94); */");
document.writeln("        }");
document.writeln("");
document.writeln("        /*第n个子元素*/");
document.writeln("        #navitems ul li:nth-child(2) {");
document.writeln("            /*从1开始*/");
document.writeln("            /* background-color: rgb(160, 115, 237); */");
document.writeln("        }");
document.writeln("");
document.writeln("        /*倒数第n个元素*/");
document.writeln("        #navitems ul li:nth-last-child(2) {");
document.writeln("            /*倒数第2个*/");
document.writeln("            /* background-color: bisque; */");
document.writeln("        }");
document.writeln("");
document.writeln("        /*直接第一层子元素*/");
document.writeln("        .par>span {");
document.writeln("            /* color: darkorange; */");
document.writeln("        }");
document.writeln("");
document.writeln("        /*下一个兄弟元素*/");
document.writeln("        .s1 span+label+label {");
document.writeln("            /* font-size: 30px; */");
document.writeln("        }");
document.writeln("");
document.writeln("        /*属性选择器*/");
document.writeln("        input[type=\'password\'] {");
document.writeln("            /* color: green; */");
document.writeln("        }");
document.writeln("");
document.writeln("        /*伪类*/");
document.writeln("        /* a {");
document.writeln("            color: black;");
document.writeln("            text-decoration: none;");
document.writeln("        } */");
document.writeln("");
document.writeln("        a:hover {");
document.writeln("            /*鼠标悬浮*/");
document.writeln("            font-weight: bold;");
document.writeln("            /*加粗*/");
document.writeln("            text-decoration: none;");
document.writeln("            color: #000;");
document.writeln("        }");
document.writeln("");
document.writeln("        /*被点击后的样式*/");
document.writeln("        a:visited {");
document.writeln("            /* color: yellow; */");
document.writeln("        }");
document.writeln("");
document.writeln("        /*伪元素*/");
document.writeln("        .hot_pro {");
document.writeln("            display: block;");
document.writeln("            width: 60px;");
document.writeln("            height: 40px;");
document.writeln("            text-decoration: none;");
document.writeln("            line-height: 40px;");
document.writeln("            text-align: center;");
document.writeln("            font-size: 14px;");
document.writeln("            color: white;");
document.writeln("            background-color: rgb(235, 177, 97);");
document.writeln("            box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .05);");
document.writeln("        }");
document.writeln("");
document.writeln("        .hot_pro::after {");
document.writeln("            display: block;");
document.writeln("            content: \'hot\';");
document.writeln("            width: 16px;");
document.writeln("            height: 16px;");
document.writeln("            color: white;");
document.writeln("            background-color: red;");
document.writeln("            position: relative;");
document.writeln("            /*相对定位*/");
document.writeln("            left: 48px;");
document.writeln("            top: -48px;");
document.writeln("            font-size: 10px;");
document.writeln("            line-height: 16px;");
document.writeln("            text-align: center;");
document.writeln("            border-radius: 5px;");
document.writeln("        }");
document.writeln("");
document.writeln("");
document.writeln("        /* *****************登录************************/");
document.writeln("        /*登录导航区域*/");
document.writeln("        .flex>.margin-left>a {");
document.writeln("            display: block;");
document.writeln("            color: white;");
document.writeln("            width: 60px;");
document.writeln("            height: 50px;");
document.writeln("            line-height: 50px;");
document.writeln("            text-align: center;");
document.writeln("        }");
document.writeln("");
document.writeln("        .flex>.margin-left>a:hover {");
document.writeln("            font-weight: bold;");
document.writeln("            background-color: rgb(80, 251, 137);");
document.writeln("            color: white;");
document.writeln("            box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .05);");
document.writeln("        }");
document.writeln("");
document.writeln("");
document.writeln("        .flex>.margin-left>ul {");
document.writeln("            display: none;");
document.writeln("            position: absolute;");
document.writeln("            list-style: none;");
document.writeln("            color: #2dbb55;");
document.writeln("            font-size: 12px;");
document.writeln("            font-family: 微软雅黑;");
document.writeln("        }");
document.writeln("");
document.writeln("        .flex>.margin-left:hover ul {");
document.writeln("            display: block;");
document.writeln("        }");
document.writeln("");
document.writeln("        .flex>.margin-left>ul>li {");
document.writeln("            display: block;");
document.writeln("        }");
document.writeln("");
document.writeln("        .flex>.margin-left>ul>li>a {");
document.writeln("            display: block;");
document.writeln("            width: 60px;");
document.writeln("            height: 30px;");
document.writeln("            text-decoration: none;");
document.writeln("            color: #4db46a;");
document.writeln("            background-color: white;");
document.writeln("            line-height: 30px;");
document.writeln("            text-align: center;");
document.writeln("        }");
document.writeln("");
document.writeln("        /*先隐蔽*/");
document.writeln("        .flex>.margin-left>ul>li>ul {");
document.writeln("            list-style: none;");
document.writeln("            display: none;");
document.writeln("        }");
document.writeln("");
document.writeln("        .flex>.margin-left>ul>li>ul>li {");
document.writeln("            display: block;");
document.writeln("        }");
document.writeln("");
document.writeln("        .margin-left_logo {");
document.writeln("            margin-left: 10%;");
document.writeln("        }");
document.writeln("");
document.writeln("        /* **********************调上下左右编剧*************************/");
document.writeln("        .margin-top {");
document.writeln("            margin-top: 10px;");
document.writeln("        }");
document.writeln("");
document.writeln("        .margin-top2 {");
document.writeln("            margin-top: 16px;");
document.writeln("        }");
document.writeln("");
document.writeln("        .margin-left {");
document.writeln("            margin-left: 10%;");
document.writeln("        }");
document.writeln("");
document.writeln("        .margin-left2 {");
document.writeln("            margin-left: 50px;");
document.writeln("        }");
document.writeln("");
document.writeln("        .margin-left1 {");
document.writeln("            margin-left: 20px;");
document.writeln("        }");
document.writeln("");
document.writeln("        .margin-left_logo {");
document.writeln("            margin-left: 10%;");
document.writeln("        }");
document.writeln("    </style>");
document.writeln("</head>");
document.writeln("");
document.writeln("<body>");
document.writeln("    <header class=\'flex header_font\' style=\'width: 100%;\'>");
document.writeln("        <div class=\'margin-left_logo\'>");
document.writeln("            <a href=\'\' style=\' margin-right: 40px;\'>");
document.writeln("                <img src=\'//img3.tuniucdn.com/u/mainpic/logo/logo_20170124.png\' title=\'途牛网\' class=\'logo\'>");
document.writeln("            </a>");
document.writeln("        </div>");
document.writeln("");
document.writeln("        <!--菜单模块-->");
document.writeln("        <div id=\'navitems\'>");
document.writeln("            <ul id=\'navitems_groups\'>");
document.writeln("                <li><a href=\'../../html/index/index.html\'>首页</a></li>");
document.writeln("                <li><a href=\'javascript:void(0)\'>跟团游</a></li>");
document.writeln("                <li><a href=\'javascript:void(0)\'>自行游</a></li>");
document.writeln("                <li><a href=\'javascript:void(0)\'>酒+景</a></li>");
document.writeln("                <li><a href=\'../../html/screen/screen.html\'>酒店</a></li>");
document.writeln("                <li><a href=\'javascript:void(0)\'>门票</a></li>");
document.writeln("                <li><a href=\'javascript:void(0)\'>定制游</a></li>");
document.writeln("                <li><a href=\'javascript:void(0)\'>攻略</a></li>");
document.writeln("                <li><a href=\'javascript:void(0)\'>服务指南</a></li>");
document.writeln("                <li><a href=\'../../html/customer/center_index.html\'>个人中心</a></li>");
// document.writeln("                <li><a href=\'javascript:void(0)\'>订单中心</a></li>");
document.writeln("            </ul>");
document.writeln("        </div>");
document.writeln("");
document.writeln("        <!--登录注册取余-->");
document.writeln("        <div class=\'flex\'>");
document.writeln("            <div class=\'margin-left\' style=\'width: 60px;\'>");
document.writeln("                <a href=\'../../html/admin/admin.html\' class=\'header_font\'>");
document.writeln("                    登录");
document.writeln("                </a>");
document.writeln("            </div>");
document.writeln("            <div class=\'margin-left\' style=\'width: 60px;\'>");
document.writeln("                <a href=\'../../html/register/register.html\'>注册</a>");
document.writeln("            </div>");
document.writeln("        </div>");
document.writeln("    </header>");
document.writeln("</body>");
document.writeln("</html>");